<template>
    <div class="header">
<!--         <div class="header-title">
            <h3>云南国际现代物流云综合信息服务平台</h3>
        </div> -->
        <HeaderTop></HeaderTop>
        <div class="header-content">
            <div class="header-conter">
             <!-- v-model="current" -->
              <a-menu mode="horizontal">
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '首页' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper"><nuxt-link to="/">首页</nuxt-link></span>
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '新闻资讯' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">新闻资讯</span>
                    <a-menu-item ><nuxt-link to="/news/international">国际新闻</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/news/internal">国内新闻</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/news/province">省内新闻</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/news/industry">行业焦点</nuxt-link></a-menu-item>
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '政策法规' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">政策法规</span>
                    <a-menu-item><nuxt-link to="/policies/notice">公示公告</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/policies/country">国家政策</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/policies/province">省内政策</nuxt-link></a-menu-item>
                </a-sub-menu>
                 <a-sub-menu :class="{ 'ant-menu-submenu-active': '物流综合运输' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">物流综合运输</span>
                    <a-menu-item ><nuxt-link to="/transport/highway">公路运输服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/transport/railway">铁路运输服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/transport/aviation">航空运输服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/transport/seaway">海路运输服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/transport/waterway">水路运输服务</nuxt-link></a-menu-item>
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '特色物流' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">特色物流</span>
                    <a-menu-item ><nuxt-link to="/special/crossborder">跨境物流服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/special/delivery">城市配送服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/special/village">农村物流服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/special/retailers">电商物流服务</nuxt-link></a-menu-item>
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '绿色食品供应链' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">绿色食品供应链</span>
                    <!-- <a-menu-item ><nuxt-link to="/chain">绿色食品供应链</nuxt-link></a-menu-item> -->
                    <a-menu-item ><nuxt-link to="/chain/sellOffer">绿色食品供应信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/chain/buyOffer">绿色食品采购信息</nuxt-link></a-menu-item>
                    <!-- <a-menu-item ><nuxt-link to="/chain/supplier">供应链综合服务商</nuxt-link></a-menu-item> -->
                    <a-menu-item ><nuxt-link to="/chain/purchaser">供应链综合服务商</nuxt-link></a-menu-item>
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '物流信息服务' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">物流信息服务</span>
                    <!-- <a-menu-item ><nuxt-link to="/info/road">线路信息全部</nuxt-link></a-menu-item> -->
                    <a-menu-item ><nuxt-link to="/info/vehicle">车源信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/goods">货源信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/storage">仓储信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/interInformation">物流资讯</nuxt-link></a-menu-item>
                    <!-- <a-menu-item ><nuxt-link to="/info/interInformation">网点信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/manpower">专家信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/manpower">金融服务</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/info/manpower">信用信息查询</nuxt-link></a-menu-item> -->
                </a-sub-menu>
                <a-sub-menu :class="{ 'ant-menu-submenu-active': '招标物流' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper"><nuxt-link to="/invite">招标物流</nuxt-link></span>
                     <!-- <a-menu-item ><nuxt-link to="/invite">招标物流</nuxt-link></a-menu-item> -->
                   <!--  <a-menu-item ><nuxt-link to="/invite/tendering">招标信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/invite/windbidding">中标信息</nuxt-link></a-menu-item> -->
                </a-sub-menu>
                <!-- <a-sub-menu :class="{ 'ant-menu-submenu-active': '招标物流' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">招标物流</span>
                     <a-menu-item ><nuxt-link to="/invite">招标物流</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/invite/tendering">招标信息</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/invite/windbidding">中标信息</nuxt-link></a-menu-item>
                </a-sub-menu> -->
                <!--  <a-sub-menu :class="{ 'ant-menu-submenu-active': '物流枢纽' === selectedTab }">
                    <span slot="title" class="submenu-title-wrapper">物流枢纽</span>
                    <a-menu-item ><nuxt-link to="/pivot/park">物流园区</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/pivot/core">物流中心</nuxt-link></a-menu-item>
                    <a-menu-item ><nuxt-link to="/pivot/station">货运场站</nuxt-link></a-menu-item>
                </a-sub-menu> -->
              </a-menu>
            </div>
        </div>
    </div>
</template>


<script>
import AuthMixin from '~/mixins/auth'

export default {
    name: "Header",
  
    mixins: [ AuthMixin ],
  
    components: {
    
    },
  
    data: () => ({
        usertype: "1",
        // current: ''
    }),

    created: function() {

    },
    methods: {
        // 回首页
        gotoIndex () {
            this.$router.replace('/')
        },
    }
};
</script>

<style lang="scss">
@import "../assets/unit/header.scss";
</style>
